/**
 * @Author: liutao
 * @Date:   2017-03-21T10:30:24+08:00
 * @Email:  947809647@qq.com
 * @Last modified by:   liutao
 * @Last modified time: 2017-03-21T10:30:39+08:00
 */

 .collapse-transition {
   transition: all .3s ease;
 }

 .expend-in-top-transition {
   transition: all .3s ease;
   opacity: 1;
   transform: scaleY(1);
   transform-origin: center top;
 }

 .expend-in-top-enter, .expend-in-top-leave {
   opacity: 0;
   transform: scaleY(0);
   transform-origin: center top;
 }

 .expand-in-left-transition {
   transition: all .3s ease;
   opacity: 1;
   transform: scaleX(1);
   transform-origin: left center;
 }

 .expand-in-left-enter, .expand-in-left-leave {
   opacity: 0;
   transform: scaleX(0);
   transform-origin: left center;
 }

 .expand-in-top-transition {
   transition: all .3s ease;
   height: $header-height;
   flex-basis: $header-height;
   .header-content {
     opacity: 1;
   }
 }

 .expand-in-top-enter, .expand-in-top-leave {
   height: 0;
   flex-basis: 0;
   .header-content {
     opacity: 0;
   }
 }
